<template>
	<view class="search">
		<input class="search-input" type="text" value="" :placeholder="placeholder" />
	</view>
</template>

<script>
	export default {
		props:["placeholder"],
		name:"search",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.search{
	height: 88rpx;
	width: 100%;
	padding: 10rpx 4%;
	box-sizing: border-box;
}
.search-input{
	width: 100%;
	height: 100%;
	background: #c3c3c344;
	text-indent: 20rpx;
	border-radius: 35rpx;
	font-size: 18rpx;
}
</style>